import Vue from 'vue'
export default function create(Cmp, props) {
    // const VM = new Vue({
    //     // h是createElement, 返回VNode，是虚拟dom
    //     // 需要挂载才能变成真实dom
    //     render: h => h(Cmp, { props })
    // }).$mount()// 不指定宿主元素，则会创建真实dom，但是不会追加操作

    //获取构造器  
    const Ctor = Vue.extend(Cmp)
    //创建组件实例
    const comp = new Ctor({propsData:props})
    // 将组件渲染挂载到 body 节点上了
    comp.$mount()
    // 获取真实dom  通过 $el 属性来访问 comp组件实例
    document.body.appendChild(comp.$el)
    console.log(`comp`, comp)
    // 删除
    comp.remove = function () {
        document.body.removeChild(comp.$el)
        comp.$destroy()
    }

    return comp
}
